<template>
  <div>
    <!-- 不受路由控制 -->
    <Header></Header>
    <!-- 组件中的路由还是会单独渲染一次 -->
    <!-- 路由嵌套关系需要写么？难道是最外层的路由开始匹配link？ -->
    <!-- 从顶级路由开始匹配link？将组件渲染到顶级路由？ -->
    <!-- 7.26更新：每个不同标签中的路由标签都算顶级路由，都会重复渲染 -->
    <!-- <router-view></router-view> -->
    <Content></Content>
    <Footer></Footer>
  </div>
</template>

// 根组件
<script>
import Footer from "./components/footer/Footer";
import Header from "./components/header/Header";
import Content from "./components/content/Content";
export default {
  name: "App",
  components: {
    Footer,
    Header,
    Content
  }
};
</script>

<style>
</style>
